﻿@using BYSJ.Web.Models.shipin
@model shipinshow
@{
    ViewBag.Title = "ShiPinShow";
    Layout = "~/Views/Shared/base.cshtml";
}
@section TitleSection{
    视频课堂
}
@section JsSection{
<script src="~/VIDEO/video.js"></script>
<link href="~/VIDEO/video-js.css" rel="stylesheet" />
<script src="~/Scripts/shipinshou.js"></script>
<link href="~/Content/shipinshow.css" rel="stylesheet" />
<script type="text/javascript">
    var myVideo = document.getElementById("video1");
    function playPause() {
        if (myVideo.paused)
            myVideo.play();
        else
            myVideo.pause();
    }

    function makeBig() {
        myVideo.width = 560;
    }

    function makeSmall() {
        myVideo.width = 320;
    }

    function makeNormal() {
        myVideo.width = 420;
    }
</script> 
}
@section shipinshow{
<div class="container" id="page_course_learn">
    <div class="course_nav">
        <div id="page_header">
            <h1 class="l">@Model.nametop</h1>
            <div id="goback" class="r">
                <a href="/shipin/@Model.name"><span>返回</span></a>
            </div>
        </div>
        <div class="picture">
            <img src="@Model.topimageurl" width="280" height="160">
            <div class="img_title">@Model.nametop</div>
        </div>
        <div class="info">
            <ul>
                <li>
                    <div class="info_title">课程数量</div>
                    <div class="info_num">
                        <i>@Model.kechengcount</i>节
                    </div>
                </li>
                <li>
                    <div class="info_title">已学数量</div>
                    <div class="info_num">
                        <i>@Model.yixuecount</i>节
                    </div>
                </li>
                <li>
                    <div class="info_title">学习人数</div>
                    <div class="info_num">
                        <i>@Model.yixuerenshu</i>人
                    </div>
                </li>
                <li>
                    <div class="info_title">课程时长</div>
                    <div class="info_num">
                        <i class="ft-adjust"><span>@Model.kechengtime</span></i>
                    </div>
                </li>
                <li>
                    <div class="info_title">已学时长</div>
                    <div class="info_num">
                        <i>@Model.yixuetime</i>分
                    </div>
                </li>
                <a href="javascript:void(0);" onclick="haslogin('course_syn_video.jsp?videoplanid=3242')">
                    <li style="background: red;">
                        <div class="info_num" id="startxuexi" style="margin-top: 30px;">
                            <i style="color: white;">开始学习</i>
                        </div>
                    </li>
                </a>
            </ul>
        </div>
    </div>


    <div class="content_area_syn">
        <div class="left">
            <ul style="display:inline-block;width:99%;">
                @foreach (var item in Model.bofangle)
                {
                    <li class="noaction"> <a title="@item.buttumname" data-biaoshi="@item.biaoshifu" data-shipinuse="@item.shipinuser" data-shipinid="@item.shipinid"  data-shipinurl="@item.bofangurl" data-fengminurl="@item.fengminurl">@item.biebiaoname</a><span>@item.shipintime</span> </li>
                }              
            </ul>
        </div>
        <div class="reft">
            <div class="reftweizhi">
                <video id="example_video_1" class="video-js vjs-default-skin iamvideo" controls preload="none" width="670" height="400"
                       poster="@Model.bofangle[0].fengminurl"
                       data-setup="{}">
                    <source src="@Model.bofangle[0].bofangurl" type='video/mp4' />
                </video>
                
               
            </div>
            <hr />
            <h2 id="buttumname">@Model.bofangle[0].buttumname</h2>
            <div class="biaoji">
                <a class="weixue">
                    <img src="~/image/1078087.png" width="40" height="40"/><br />
                    <span>标记为已学习</span>
                </a>
                <h3 hidden="hidden" id="shipinid"></h3>
                <a class="yixue">
                    <img src="~/image/1078089.png" width="40" height="40" /><br />
                    <span>已经学习过</span>
                </a>
            </div>
       </div>
   </div>
</div>
}
